<template>
  <div class="member">
     <el-breadcrumb >
      <el-breadcrumb-item >会员管理</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/index/memberList' }">会员列表</el-breadcrumb-item>
      <el-breadcrumb-item>员工详情</el-breadcrumb-item>
    </el-breadcrumb>
    <el-form>
        <el-form-item>
            <div class="member-content">
                <el-tabs v-model="activeName">
                    <!-- 基本信息 -->
                    <el-tab-pane label="基本信息" name="first" >
                      <SupInfo/>
                    </el-tab-pane>
                    <!-- 优惠券 -->
                    <el-tab-pane label="邀请记录" name="three" >
                      <MemberCoupon/>
                    </el-tab-pane>
                </el-tabs>
            </div>
        </el-form-item>

    </el-form>
  </div>
</template>
<script>
const MemberCoupon = () => import('./memberCoupon')
const SupInfo = () => import('./supInfo')

export default {
  name: 'member',
  token: '',
  data () {
    return {
      activeName: 'first',
      information: {},
      content: {
        firstTitle: '会员列表',
        secondTitle: '会员详情',
        type: 'close'
      },
      form: {
        name: '',
        region: '',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: ''
      },
      tableData:[]
      
    }
  },
  created () {
   
  },
  methods: {
    
  },
  components: {
    MemberCoupon,
    SupInfo
  }
}
</script>
<style lang="scss">
  .member-content {
      margin-top: 20px;
      background-color: white;
      padding:20px 30px;
      position: relative;
      .information-btn{
        margin-left: -30px;
        box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.1);
      }
      .input-wrap{
        padding-right:50px;
        margin-bottom: 15px;
      }
      .el-select{
        width:100%;
      }
  }
  .expand-trigger div {
    height: 50px!important;
  }
  .increase {
    position: absolute;
    top: 0;
    left: 0;
    width: 96.5%;
    background: white;
    z-index: 3;
    padding: 20px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
    h1 {
      text-align: left;
      margin-bottom: 10px;
    }
    .el-form-item {
      .el-form-item__content {
        text-align: left;
        .el-input {
          width: 300px;
        }
        .el-button{
          width: 82px!important;
          height: 34px!important;
          padding:0!important;
        }
      }
    }
  }
</style>
